<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>注册页面</title>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
  <!-- logo位 -->
  <a class="navbar-brand" href="#">
    <img src="/img/logo.png" height="30" class="d-inline-block align-top" alt="">
    Mall电商运营平台
  </a>
  <!-- 导航位 -->
<!--  <ul class="navbar-nav mr-auto">-->
<!--    <li class="nav-item">-->
<!--      <a class="nav-link" href="#">数据看板</a>-->
<!--    </li>-->
<!--    <li class="nav-item">-->
<!--      <a class="nav-link" href="#">商品维护</a>-->
<!--    </li>-->

<!--    <li class="nav-item">-->
<!--      <a class="nav-link" href="#">会员管理</a>-->
<!--    </li>-->
<!--  </ul>-->
  <!-- 个人中心 -->
  <span class="navbar-text"><a class="nav-link " href="#"><i class="fa fa-user"></i>
            <span th:text="${userName}"></span>
        </a></span>
</nav>
<div class="container-fluid" style="margin-top: 100px;">
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-6">
      <form action="/register" method="post">
        <table style="text-align: center" class="table table-bordered" align="center" width="100%">
          <tr  class="bg-light text-black-50">
            <th colspan="2" style="text-align: center"><h3>管理员注册</h3></th>
          </tr>
          <tr>
            <td><i class="fa fa-user fa-2x"></i></td>
            <td><input class="form-control" placeholder="请输入用户名" type="text" name="username" id="username"></td>
          </tr>
          <tr>
            <td><i class="fa fa-lock fa-2x"></i></td>
            <td><input class="form-control" placeholder="请输入密码" type="password" name="password" id=""></td>
          </tr>
          <tr>
            <td><i class="fa fa-image fa-2x"></i></td>
            <td><input class="form-control" placeholder="授权码" type="text" name="safeCode" id="safeCode"></td>
          </tr>
<!--          <tr>-->
<!--            <td></td>-->
<!--            <td>-->
<!--              <img src="/getCode" id="codeImg" onclick="refresh()" alt="">-->
<!--            </td>-->
<!--          </tr>-->
          <tr>
            <td><input class="btn btn-outline-info" type="reset" value="重置"></td>
            <td><input class="btn btn-success" style="width: 200px" type="submit" value="注册"></td>
            <td valign="middle" align="right">
              <a href="/">管理员账户登录</a>
            </td>
          </tr>
        </table>
      </form>
    </div>
    <div class="col-md-3"></div>
  </div>
</div>
<script>
  /* 刷新验证码 */
  function refresh() {
    document.getElementById("codeImg").src = "getCode?time=" + new Date().getTime();
  }
</script>
</body>
</html>
